<template>
  <!-- 
    这个章节的笔记看 views下的各个文件
   -->
  <div>
    <span>1.使用动态组件</span>
    <use-dynamic></use-dynamic>
    <hr>
    <span>2.使用默认插槽</span>
    <use-slot></use-slot>
    <hr>
    <span>3.使用具名插槽</span>
    <use-slot2></use-slot2>
    <hr>
    <span>4.使用作用域插槽插槽</span>
    <use-slot3></use-slot3>
  </div>  
</template>

<script>
import UseDynamic from "./views/01-UseDynamic";
import UseSlot from "./views/02-UseSlot.vue"
import UseSlot2 from "./views/03-UseSlot.vue"
import UseSlot3 from "./views/04-UseSlot.vue"

export default {
  components:{
    UseDynamic,
    UseSlot,
    UseSlot2,
    UseSlot3
  }
}
</script>

<style>

</style>